import React from 'react';
import "./orderDetail.scss"


function OrderDeatil() {
    return ( 
        <div className='app'>
            <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3597471_oz88btwi2q.css" />
            <div className='orderDetail bg-fff'>
                <div className='firstBlock'>
                    <h3 className='f18'>产品信息</h3>
                    <p className='name f14 mt-20'>别墅名称：<span className='content'>较场尾·海角9号沙滩度假别墅</span></p>
                    <p className='name f14 mt-20'>别墅地址：<span className='content'>广东深圳大鹏新区</span></p>
                    <p className='name f14 mt-20'>房间数量：<span className='content'>6</span></p>
                    <p className='name f14 mt-20'>入住人数：<span className='content'>20</span></p>
                    <p className='name f14 mt-20'>入住日期：<span className='content'>2021-08-30</span></p>
                    <p className='name f14 mt-20'>退房日期：<span className='content'>2021-08-31</span></p>
                    <p className='name f14 mt-20'>购买份数：<span className='content'>1</span></p>
                </div>
                <div className='secondBlock'>
                    <h3 className='f18'>订单信息</h3>
                    <p className='name f14 mt-20'>订单状态：<span className='content success'>预约成功</span></p>
                    <p className='name f14 mt-20'>订单编号：<span className='content'>210818-1033759-00</span></p>
                    <p className='name f14 mt-20'>订单总价：<span className='content price'>￥6888.00</span></p>
                    <p className='name f14 mt-20'>优惠金额：<span className='content'>无优惠</span></p>
                </div>
                <div className='footer bg-fff flex aic jc-c'>
                    <i className='trash iconfont icon-lajitong f26'></i>
                </div>
            </div>
        </div>
    );
}

export default OrderDeatil;